<template>
  <section v-if="row">
    {{ contactName }}
    <br />
    {{ contactMobile }}
  </section>
</template>

<script>
export default {
  name: "ContactInfo",
  props: {
    row: {
      type: Object,
      default: () => { }
    }
  },
  computed: {
    contactName () {
      return this.row?.contactName || this.row?.toAddress?.contactName
    },
    contactMobile () {
      return this.row?.contactMobile || this.row?.toAddress?.contactMobile
    }
  }
};
</script>
